﻿/* CSS Document */

.flo{float:left}
.flor{float:right}
.gap{width:100%; clear:both; height:0; line-height:0; font-size:0; overflow:hidden}


/* GLOBALHEADER */
#globalheader {height:55px;padding-top:11px; margin:0 10px; background:url(../images/index/menu_back_xmas.jpg) right 11px no-repeat; clear:both; overflow:hidden}

/* login_state */
#log_state{float:right; width:200px; padding:0px; height:55px}
#logout{text-align: center;}
#logout div{display:inline-block;*display:inline;zoom:1; padding-left:16px; margin:0 9px; margin-top:12px;background:url(../images/log_icon.gif) no-repeat;}
#logout div.regist{background-position:0 -40px}
#logout div.login{background-position:0 0}
#logout div.help{background-position:0 -80px}
#logout div.big5{background-position:0 -100px}

#loginame,#logintool{text-align:right}
#logintool a{display:inline-block;*display:inline;zoom:1; line-height:22px; margin-left:6px}
#logintool span{padding-left: 16px;background:url(../images/button/logined_ico.gif) no-repeat;}
#logintool span.hava_new_mail{background-position: 0 -33px}
#logintool span.new_fri_invite{background-position: 0 -94px}
#logintool span.omail{background-position: 0 -3px}
#logintool span.ofriend{background-position: 0 -64px}
#logintool span.coconut{background-position: 0 -124px}
#logintool span.omsg_sms{background-position: 0 -182px}
#logintool span.msg_sms_new{background-position: 0 -212px}

/*float tools*/
#show_mytool{ background:url(../images/mycafe/show_mytool.gif); width:13px; height:16px; position:fixed; right:0; top:60px; cursor:hand; cursor:pointer}
#mymenu{width:60px; position:fixed; right:0; top:90px;background:url(../images/mycafe/mymenu_back.gif); z-index:9999}
#mymenu_top{background:url(../images/mycafe/mymenu_top.gif); width:100%; height:5px; overflow:hidden; position:absolute;left:0;top:-5px}
#mymenu_bot{background:url(../images/mycafe/mymenu_bot.gif); width:100%; height:5px; overflow:hidden; position:absolute;left:0;bottom:-5px}
#mymenu a.tool_btn{width:49px; height:62px; margin:4px 0 0 6px; background:url(../images/mycafe/mymenu.gif); display:block}
#mymenu a.tool_foto:hover{ background-position:right 0}
#mymenu a.tool_blog{background-position:left -62px}
#mymenu a.tool_blog:hover{ background-position:right -62px}
#mymenu a.tool_ask{background-position:left -124px}
#mymenu a.tool_ask:hover{ background-position:right -124px}
#mymenu a.tool_act{background-position:left -186px}
#mymenu a.tool_act:hover{ background-position:right -186px}
#mymenu a.tool_des{background-position:left -248px}
#mymenu a.tool_des:hover{ background-position:right -248px}

/* search */
#search_sort{width:82px; text-align:right; line-height:32px; height:32px; float:left}
.global_input{width:124px; border:0; margin:7px 2px; background:none}

/* button */
a.button{background:url(../images/button/button.gif) top left no-repeat; line-height:28px; margin:6px; text-decoration:none; position:relative; display:inline-block; cursor: pointer; *cursor: hand}
a.button:hover{background-position:left -28px ;position: relative;display: inline-block}
a.button span{background:url(../images/button/button.gif) top right; padding:0 12px 0 5px; line-height:28px; margin-left:7px; color:#fff; text-decoration:none; font-weight:bold;display: block}
a.button:hover span{background-position:right 28px; color:#00b4ff; display: inline-block}

a.btn_glay{background:url(../images/button/button_glay.gif) left 30px; line-height:27px; text-decoration:none;float:left ;cursor: hand;cursor: pointer; margin:0 4px 0 0}
a.btn_glay span{background:url(../images/button/button_glay.gif) right 30px; padding:0 10px 0 5px; line-height:27px; margin-left:5px; color:#666; text-decoration:none; display:block;overflow:hidden}
a.btn_glay:hover span{color:#333}

a.btn_glay_on{background:url(../images/button/button_glay.gif) left top; line-height:27px; text-decoration:none;float:left ;cursor: hand;cursor: pointer;; margin:0 4px 0 0}
a.btn_glay_on span{background:url(../images/button/button_glay.gif) right top; padding:0 10px 0 5px; line-height:28px; margin-left:5px; color:#336699; font:bold 14px/28px tahoma; text-decoration:none;display: block;}

a.addfri{float:right; line-height:20px; padding:0 4px 0 16px; border:1px #eee solid; background:url(/images/button/adding.gif) 3px center no-repeat;color:#666; text-decoration: none}
a.addfri:hover{border:1px #00b4ff solid; color:#00b4ff}

a.addfun{float:left; line-height:20px; padding:0 4px 0 16px; border:1px #eee solid; background:url(/images/button/adding.gif) 3px center no-repeat;color:#666; text-decoration: none}
a.addfun:hover{border:1px #00b4ff solid; color:#00b4ff}

/* common_btn2 */
	.add_wiki a{background:url(../images/loaction/add_wiki.gif) 0 0; color:#1272bc; padding:0 7px 0 20px; height:20px; text-decoration:none;float:right; display:inline; margin:2px;line-height:20px}
	.add_wiki a:hover{background-position:0 20px; color:#fff; text-decoration:none}
	
	.history a{background:url(../images/loaction/history.gif) 0 0; color:#94d100; padding:0 7px 0 20px; text-decoration:none}
	.history a:hover{background-position:0 20px; color:#fff; text-decoration:none}
	
	.add_place a{background:url(../images/loaction/add_wiki.gif) 0 0; color:#1272bc; padding:2px 7px 2px 20px !important; padding:4px 7px 2px 20px; float:left; margin:2px 4px 0 0; text-decoration:none;}
	.add_place a:hover{background-position:0 20px; color:#fff; text-decoration:none}

    .show_unfold,.show_fold{margin-top:10px}
    .show_unfold a,.show_fold a{display: inline-block;*display:inline; zoom:1;background:url(../images/button/show_unfold.gif);padding-left: 24px;width: 62px;height: 22px;line-height: 22px;text-decoration: none;color:#999;}
    .show_unfold a{background-position: 0 top}
    .show_fold a{background-position: 0 bottom}
	
/* dot */
.more{float:right; margin:6px; font-weight:bold; background:url(../images/more_green.gif) 60px center no-repeat;padding:4px 40px 4px 4px; border:1px #eee solid}

.banner_title2{height:20px;line-height:22px; float:left; padding-left:8px}
.more2{float:left; margin-left:10px; padding-top:4px; display:inline}

/* upload */
#pic{width:254px; height:203px; background:url(../images/loaction/pic_back.gif) no-repeat; margin:10px; float:left;}
   .photo{margin:8px; float:left; display:inline}
.upload_input{ border:1px #dedede solid; margin:10px; padding:20px}
 .upload_input td{padding:4px}

#upload_button{width:156px; margin:auto; clear:both}
a.upload_way{padding-bottom:4px; background:url(../images/loaction/arrow_down.gif) center bottom no-repeat;color:#1272bc; font-weight:bold; font-size:14px; text-decoration:none}
#uploadway td{line-height:28px}
#wait{margin-top:90px; float:left}

/*close button*/
.close{width:10px; height:10px; margin:5px 5px -2px 0; float:right; display:inline}
.close a{background:url(../images/card/close.gif) top; display:block; height:0; padding-top:10px; width:10px; overflow:hidden}
.close a:link{background-position:top}
.close a:visited{background-position:top}
.close a:hover{background-position:0 -10px }
.close a:active{background-position:0 -10px }

.close2{width:10px; height:10px; margin:2px; margin-right:6px; float:right; display:inline}
.close2 a{background:url(../images/card/close.gif) top; display:block; height:0; padding-top:10px; width:10px; overflow:hidden}
.close2 a:link{background-position:top}
.close2 a:visited{background-position:top}
.close2 a:hover{background-position:0 -10px }
.close2 a:active{background-position:0 -10px }

/* tips */
.done{background:url(../images/button/done.gif) no-repeat -70px center; width:360px; margin:auto; margin-top:10px; text-align:right; padding:50px 10px; font-size:22px; color:#6abc00; font-weight:bold; border:1px #ccc solid}

.error{background:url(../images/button/error.gif) no-repeat -70px center; width:360px; margin:auto; margin-top:10px; text-align:right; padding:50px 10px; font-size:22px; color:#FF3300; font-weight:bold; border:1px #ccc solid}

.tips{margin:10px 0; background:#f0ebdb url(../images/tip_back.jpg) bottom right no-repeat; border:2px #e5dbba dashed; padding:4px; color:#534215;line-height:22px;}
#young_head{width:37px;height:37px; padding:8px 0 0 8px; background:url(/images/young_head.gif); float:left}
.abs_tip{display: block;position: absolute; top:2px}

/* journey_choice */
   .j_choice{width:70px; height:32px; float:left; margin:5px}
   .j_choice a{height:32px; width:70px; float:left; font-weight:bold; text-align:center; line-height:28px}
   .j_choice a:link{background:url(../images/button/choice.gif) 0 -32px; color:#ccc; font-size:12px; text-decoration:none}
   .j_choice a:visited{background:url(../images/button/choice.gif) 0 -32px; color:#aaa; font-size:12px; text-decoration:none}
   .j_choice a:hover{background:url(../images/button/choice.gif) 0 -64px ; color:#1272bc; font-size:12px; text-decoration:none}
   .j_choice a:active{background:url(../images/button/choice.gif) top; color:#FFF; font-size:14px; text-decoration:none}
   /*按下状态*/
   .j_choice_on{width:70px; height:32px; float:left; margin:5px}
   .j_choice_on a{height:32px; width:70px; float:left; font-weight:bold; text-align:center; line-height:28px;background:url(../images/button/choice.gif) top; color:#FFF; font-size:14px; text-decoration:none}
  
/* popup */
.pop_window{
	width:360px;
	position:absolute;
	left: 58px;
	top: 28px;
}
.pop_top{background:url(../images/button/pop_02.gif) repeat-x; width:327px; height:22px; float:left}
.pop_contain{clear:both; background:#fff; border:1px #ccc solid; border-width:0 1px; padding:0 8px}

.pop_contain li{line-height:24px; margin-right:6px; display:inline}
.pop_contain li a{color:#1272bc; text-decoration:none}
.pop_contain li a:hover{text-decoration:underline}

.pop_bottom{background:url(../images/button/pop_08.gif) repeat-x; width:327px; height:10px; float:left}
.pop_contain td{height:28px; line-height:28px}

.helps{position: absolute;}
.help_con{border: 1px #eee solid;border-width:0 1px; padding:0 6px;line-height: 24px;color: #aaa}

/* progress bar */
.pro_bar{width:60px; line-height:9px; height:9px; border:1px #8cb3ce solid; font-size:9px; color:#094664; font-family:tahoma;text-align:center; background:url(../images/button/pro_bar.gif); background-position:-10px}

/* loading */
.loading{padding:5px; margin:5px; background:#fff; text-align:center; color:#1272bc; clear:both}


/*tab*/
#group_tab{background:url(../images/group/gaident.gif); height:26px; padding-top:6px; clear:both}
.actab{background:url(../images/group/corner_lt.gif) left top no-repeat #fff; float:left; margin-left:6px; display:inline}
.actab div{background:url(../images/group/corner_rt.gif) right top no-repeat; display:block}
.actab span{background:url(../images/mycafe/dot.gif) left center no-repeat; padding:0 8px 0 16px; margin-left:6px; line-height:26px; height:26px;}

.nactab{background:url(../images/group/tab_noact.gif); height:26px; float:left; margin-left:6px; display:inline}
.nactab div{background:url(../images/group/corner_lt.gif) left top no-repeat; padding-left:4px; float:left}
.nactab span{background:url(../images/group/corner_rt.gif) right top no-repeat; margin-left:6px; line-height:26px; height:26px; float:left; padding-right:8px}

/* steps */
.steps_current{border:2px #bedfed solid; margin:3px; padding:4px;line-height:22px}
.steps_ordinary{border:2px #eee solid; margin:3px; padding:4px;line-height:22px}
.steps_td{margin:0 0 10px 0}

/* report */
.report{position: absolute; right:0; top:6px;height:18px;line-height:18px; background:#dedede; padding:2px 8px;color:#fff;text-decoration: none;}
.report:hover{background:#ff9900}

/*roundbar*/
.rounder b{border:1px #eee solid;display: block;background: #fafafa;overflow:hidden}
.rounder b.t1,.rounder_end b.t1{margin:0 5px; border-width:1px 0 0 0; height:0px}
.rounder b.t2,.rounder_end b.t2{margin:0 3px; height:1px;border-width:0 2px}
.rounder b.t3,.rounder_end b.t3{margin:0 2px; height:1px;border-width:0 1px}
.rounder b.t4,.rounder_end b.t4{margin:0 1px; height:2px;border-width:0 1px}
.rounder b.title{background:url(../images/gaident1.gif) bottom repeat-x #fafafa;border-width:0 1px; position: relative}
.rounder ul.title{background:url(../images/gaident1.gif) bottom repeat-x #fafafa;border:1px #eee solid;border-width:0 1px; position: relative}
.abs_right{position:absolute;top:0;right:8px}
.rounder_end b{border:1px #eee solid;display: block;background:#fff;overflow:hidden}
.panel_desk{clear:both; border:1px #eee solid; border-width:0 1px;min-height:1px; height:auto!important;height:1px}

/*table*/
.colum{background:url(../images/gaident2.gif) repeat-x bottom #74affb; height:24px; line-height:24px; padding:0 10px; color:#fff; font-size:12px}
.colum3{background:url(../images/gaident3.gif) repeat-x bottom #a6e65d; height:24px; line-height:24px; padding:0 10px; color:#fff; font-size:12px}

/*edit_icons*/
.icon{background:url(../images/button/button_ico.gif) no-repeat;display: inline-block; *display:inline; zoom:1;margin-right:4px}
.icon a{padding-left:19px;line-height:28px}
.del_btn{background-position:0 5px }
.edi_btn{background-position:0 -36px }
.cov_btn{background-position:0 -116px }
.upl_btn{background-position:0 -76px }
.fri_btn{background-position:0 -236px}
.clo_btn{background-position:0 -275px}
.don_btn{background-position:0 -315px}

.new_dial{background: url(/images/button/news.gif); width:16px; height:14px;position: absolute; display: block;}

/*footer*/
#footer{position:relative; bottom:0; margin:20px 0 0 0; clear:both}
.copyright{line-height:22px; text-align:right; padding:10px; background:url(/images/footer.gif) -20px -10px no-repeat #619cc5}
.footer_nav{position: relative;}
.footer_nav #menu{width:1002px;height:34px;padding:8px 0; margin:auto;position: relative; z-index:10}
.footer_nav #back{position: absolute;top:0;right:0; width:100%;height:50px;background: #ccc; filter:alpha(opacity=30); -moz-opacity:0.3; opacity: 0.3;}
.footer_nav dl{position: absolute; margin:0; color:#999; width:32%;line-height: 16px}
.footer_nav dt{color:#00b4ff; font-size:14px; font-weight:bold;}
.footer_nav dd{margin:3px 0 0 0}
.footer_nav dd a{color:#999;text-decoration: none}
.footer_nav dd a:hover{text-decoration:underline}
.inn{height:0;padding-top:18px; overflow:hidden;position: absolute;;top:0;right:0}

#tpfoot #back{position: absolute;top:0; width:100%;height:50px;background: #000; filter:alpha(opacity=30); -moz-opacity:0.3; opacity: 0.3;}
#tpfoot #menu{width:1002px;height:34px;padding:8px 0; margin:auto;position: relative; z-index:10}
#tpfoot dl{position: absolute; margin:0; color:#aaa; width:32%;line-height: 16px}
#tpfoot dt{color:#fff; font-size:14px; font-weight:bold;}
#tpfoot dd a{color:#ddd;text-decoration: none}
#tpfoot dd a:hover{text-decoration:underline}










/* here start text.css  i put them all together*/


/* CSS Document */
#facebox .b {
  background:url(/images/facebox/b.png);
}

#facebox .tl {
  background:url(/images/facebox/tl.png);
}

#facebox .tr {
  background:url(/images/facebox/tr.png);
}

#facebox .bl {
  background:url(/images/facebox/bl.png);
}

#facebox .br {
  background:url(/images/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #3B5A98;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
.facebox_txt {
	text-align:center;
	color:#fff;
	font-size: 13px;
	font-weight:bold
}
.facebox_txt_gray {
	color:#ddd;
	font-size: 12px;
	font-weight:bold
}

body,td,div,select,a,input{font-size:12px; font-family:arial}
body{margin:0; padding:0}
form{margin:0;padding:0}
ul{margin:0; padding:0;}
ul li{list-style:none; margin:0; padding:0}
p{margin:10px 0; padding:0;}
.pic{border:1px #ccc solid; padding:1px; background:#fff}
.pic_ph{padding:3px ;border:1px #b5c7cf solid; background:#fff}
img{border:0}
.u{text-decoration:underline}
	
.white{color:#FFF; font-size:12px; font-weight:bold;}
a.white{color:#fff; font-size:12px; text-decoration:none}
a.white:hover{color:#d3f5ff; text-decoration:none}

.bwhite{color:#FFF; font-size:16px; font-weight:bold;}
a.bwhite{color:#fff; font-size:16px; text-decoration:none}
a.bwhite:hover{color:#d3f5ff; text-decoration:none}


.black{color:#000; font-size:12px; font-weight:bold;}

.b1{color:#00b4ff; font-size:14px; font-weight:bold;}
a.b1{color:#00b4ff; text-decoration:none;}
a.b1:hover{color:#007fe0;  text-decoration:none}

.b2{color:#00b4ff; font-size:14px;}
a.b2{color:#00b4ff; text-decoration:none;}
a.b2:hover{color:#007fe0; text-decoration:none}

.b2u{color:#00b4ff; font-size:14px;}
a.b2u{color:#00b4ff; text-decoration:underline}
a.b2u:hover{color:#007fe0; text-decoration:underline}

.b3{color:#00b4ff; font-size:12px;}

.g1{font-size:12px; color:#6abc00; font-weight:bold}
a.g1{font-size:12px; color:#6abc00; font-weight:bold; text-decoration:none}
a.g1:hover{font-size:12px; color:#6abc00; font-weight:bold; text-decoration:none}
.g2{font-size:10px; color:#6abc00; font-family:Arial, Helvetica, sans-serif}

.h1{color:#1272bc; font-size:16px; font-weight:bold}
a.h1{color:#1272bc; font-size:16px; text-decoration:none;}
a.h1:hover{color:#007fe0; text-decoration:none}

.h2{color:#333;font-size:12px}
a.h2{color:#333; font-size:12px; text-decoration:none;}
a.h2:hover{color:#666;}

.h3{color:#709caf; font-size:12px; text-decoration:none}
a.h3{color:#709caf; font-size:12px;}
a.h3:hover{color:#66bbdf; text-decoration:none}

.h4{color:#869ea3; font-size:12px; text-decoration:none}
a.h4{color:#869ea3; font-size:12px;}
a.h4:hover{color:#31484d; text-decoration:none}


.h5{color:#666;font-size:12px;}
a.h5:{color:#666; text-decoration:none;}
a.h5:hover{color:#999;}


.h6{color:#999;font-size:12px}
a.h6{color:#999; text-decoration:none;}
a.h6:hover{color:#8f8f8f;text-decoration:underline}

.h7{color:#aaa; font-size:10px;}

.h8{color:#3697c0; font-size:12px}
a.h8{color:#3697c0; text-decoration:none;}
a.h8:hover{color:#57b5dd;text-decoration:underline}

.h9{color:#ccc; font-size:11px;font-family: pmingliu}

.c1{color:#336699;font-size:12px; font-family:Tahoma}
a.c1{color:#336699;text-decoration:none;}
a.c1:hover{text-decoration:underline}

.c2{color:#3366CC;font-size:11px; font-family: MingLiU}
a.c2{color:#3366CC;text-decoration:none;}
a.c2:hover{text-decoration:underline}

.c3{color:#3399CC;font-size:14px;}
a.c3{color:#3399CC;text-decoration:none;}
a.c3:hover{text-decoration:underline}

.c4{color:#006699;font-size:16px; }
a.c4{color:#006699;text-decoration:none;}
a.c4:hover{text-decoration:underline}

.c5{color:#ff9933;font-size:18px;font-weight:bold}
a.c5{color:#ff9933;text-decoration:none;}
a.c5:hover{text-decoration:underline}

.sunday{color:#ff9900; font-weight:bold}

h1{color:#1272bc; font-size:16px; margin:0;display: inline;}
h1 a{color:#00b4ff; text-decoration:none;font-size:14px;}
h1 a:hover{color:#007fe0;  text-decoration:none}

h2{color:#fff; font-size:14px; margin:0;display: inline;}
h3{color:#00b4ff;font-size:14px; margin:0;display: inline;}
h6{color:#999;font-size:12px;font-weight: normal;margin:0;display: inline}
h6 a{color:#999; text-decoration:none;}
h6 a:hover{color:#8f8f8f;text-decoration:underline}

/*cafe-navigator*/
.nav_pos{background:url(../images/arrow.gif) right center no-repeat; padding-right:8px}
.nav_more{background:url(/images/loaction/nav_more.gif) right center no-repeat;padding:0 40px 0 0; margin:0 5px 0 0}
.nav_back{width:70px; height:27px;  float:right}
    .nav_back a{background:url(../images/button/back.gif); width:64px; height:27px;line-height:27px; padding-left:6px; display:block; color:#336699; font-weight:bold; text-align:center;text-decoration:none}
    .nav_back a:hover{ background-position:0 -27px; color:#fff;}

/* pages */
.page_index{line-height:30px; height:30px; margin:5px 0; font-family:arial; text-align:center; clear:both}
a.page{padding:2px 6px; margin:0 2px; font-size:11px; font-weight:bold; background:#fff}
a.page:link{border:1px #ddd solid;color:#888; text-decoration:none}
a.page:visited{border:1px #ddd solid;color:#888; text-decoration:none}
a.page:hover{border:1px #5eba00 solid;color:#5eba00; text-decoration:none}
a.page:active{border:1px #ddd solid;color:#888; text-decoration:none}
.current_page{border:1px #ddd solid; background:#5eba00;color:#fff; text-decoration:none; padding:2px 6px; margin:0 2px; font-size:11px; font-weight:bold }
.page_index form{width:20px; height:18px; margin-left:2px; display:inline}
.page_index input{width:20px; height:15px; border:1px #aaa solid;}

/* articles */
.article{margin:0 10px}
.article li{background:url(../images/arrow_article.gif) left center no-repeat}
.article li a{background:url(../images/articel_dash.gif) repeat-x bottom; color:#1272bc; text-decoration:none; margin-left:10px;line-height:30px; }
.article li a:hover{background:url(../images/articel_line.gif) repeat-x bottom; color:#333; text-decoration:none}

a.art{background:url(../images/articel_dash.gif) repeat-x bottom; color:#1272bc; text-decoration:none}
a.art:hover{background:url(../images/articel_line.gif) repeat-x bottom; color:#333; text-decoration:none}

.post{border-bottom:1px #dedede solid;width:100%; overflow-x:hidden; margin:0 0 15px 0;padding:5px 0 15px 0; min-height:130px; height:auto !important;*height:130px; position: relative}

.post_cal{float:left; height:46px; width:42px; background:url(../images/mycafe/post_cal.gif) -1px top no-repeat; margin-right:6px} 
    .post_mon{font-family:tahoma; font-size:8px; color:#fff; font-weight:bold; text-align:center; padding-top:6px; line-height:8px;}
	.post_day{font-family:arial; font-size:15px; line-height:22px; font-weight:bold; color:#000; text-align:center;}
	
.post_title{height:40px; line-height:18px; padding-top:5px;}

.post_information{background:url(../images/post_title.gif) no-repeat; line-height:0; font-size:0; height:12px; color:#aaa; clear:both;}
.post_text{font-size:12px; line-height:24px; width:96%; overflow:hidden;color:#666}
.post_tag{background:url(../images/tag.gif) left 18px no-repeat; padding:20px 0 5px 20px;}
.post_tag li{display:inline;margin-left: 6px}
.post_note{line-height:20px}
.post_address{background:url(../images/url.gif) center left no-repeat; padding-left:22px; margin-top:5px}
.post_comment{background:url(../images/comment.gif) center left no-repeat; line-height:20px; padding-left:22px; padding-right:6px; display:inline}
.post_addcomment{background:url(../images/add_com.gif) center left no-repeat; line-height:20px; padding-left:22px; display:inline}

.edit_title{ height:40px; line-height:40px; font-size:16px; font-weight:bold; color:#6abc00}
.edit_information{background:url(../images/post_title.gif) no-repeat; padding-top:4px;line-height:22px; min-height:10px; height:auto!important; height:10px; color:#6abc00; clear:both}

/* comment���� */
.comments{padding:6px}
.com_title{line-height:34px; float:left}
.com_name{line-height:20px; display:inline}
.com_ut{white-space:nowrap; margin-top:4px}
.com_date{line-height:20px; margin-left:10px; font-size:11px; color:#a3b1bd; display:inline}
.com_arrow{background:url(../images/button/msg_arrow.gif) 20px bottom no-repeat; height:10px; font-size:0}
.com_c1{background:url(../images/button/msg_cor1.gif) left top no-repeat #e5eef6; font-size:0}
.com_c2{background:url(../images/button/msg_cor2.gif) right top no-repeat; height:5px;font-size:0}
.com_con{background:#e5eef6; min-height:10px; height:auto!important; height:1px; padding-right:6px; line-height:24px;}
.com_c3{background:url(../images/button/msg_cor3.gif) right bottom no-repeat #e5eef6; font-size:0}
.com_c4{background:url(../images/button/msg_cor4.gif) left bottom no-repeat; height:6px;font-size:0}
.com_userpic{background:url(../images/button/com_userpic.gif) center center no-repeat #e5eef6; width:8%; height:37px; text-align:center; padding-top:9px; margin:6px 9px; float:left; display:inline;}
.rep_userpic{background:url(../images/button/rep_userpic.gif) center center no-repeat #e5eef6; width:10%; height:37px; text-align:center; padding-top:9px; margin:6px 9px 0 0; float:left; display:inline;}
.reply_com{text-align:right; float:right; margin-top:10px; width:40%}
.reply{border-top:2px #bfd8e1 dashed; height:auto !important; height:1px; margin:5px 0 0 40px; padding-top:5px; clear:both}
.com_text{width:80%; padding-top:6px; float:left; line-height:22px;word-wrap:break-word; overflow:hidden;}
.add_com{margin:6px 0; color:#999;}
.sns_com{white-space:nowrap;height:27px;width:80%; overflow:hidden}
.addinput1{font-size:14px; background:#fff url(../images/gaident_input.gif) top repeat-x; border:1px #aaa solid}

/* messenge���� */
.messenge{margin-top:5px}
.msg_top{background:url(../images/button/msg_top.gif); width:444px; height:14px; margin-top:3px; overflow:hidden}
.msg_con{background:#e5eef6; width:444px; float:left}
.msg_bot{background:url(../images/button/msg_bot.gif) bottom; width:444px; height:10px; font-size:0; line-height:0; overflow:hidden; clear:both}
.msg_text{width:370px; padding:8px 0; float:left;}


/* mycafe */
a.editor{color:#1272bc; font-size:12px; font-weight:bold; text-decoration:none}
a.editor:hover,a.editor:active{border-bottom:1px #1272bc dashed;}

#help_item{margin:0}
#help_item li{border-bottom:1px #dedede solid; padding:6px 0;font-size:13px; color:#999}

.inline_block{display:inline-block; *display:inline; zoom:1}
.li_one{padding:4px 0}












/*here is the tool.css*/

 

b{display:block; overflow:hidden;}
a:focus { outline:0 } 

#tools_head{width:100%;position: relative;}
#tools_head b{display:block; font-size:0; background:#6bb3e9}
#tools_head .r1{margin:0 5px; height:1px}
#tools_head .r2{margin:0 3px; height:1px}
#tools_head .r3{margin:0 2px; height:1px}
#tools_head .r4{margin:0 1px; height:2px}
#tools_head div{background:url(/images/tools/hionestop.gif) 0 -3px no-repeat #6bb3e9; padding:3px 8px 6px 28px}
#tools_head div dl{margin:0}
#tools_head div dt{font-size:14px;font-weight:bold;color:#fff; display:inline}
#tools_head div dd{font-size:11px;color:#e1f1fd; display:inline;margin:0}

#hi_tools{position:relative; background:url(../images/tools/hi_out_round.gif) left bottom no-repeat #e8f4fc; padding-bottom:14px; width:668px}
#hi_tools .r2{background:url(../images/tools/hi_out_round2.gif) top; height:7px; width:7px; position:absolute; bottom:0 !important; bottom:-1px; right:0; font-size:0}
#hi_tools .r3{background:url(../images/tools/hi_out_round3.gif) top; height:7px; width:7px; position:absolute; top:0;right:0; font-size:0}
#tool_title{background:url(../images/tools/hi_tool.gif) no-repeat #d7eaf9; width:31px; height:257px; position:absolute}
#tool_title b{background:url(../images/tools/hi_tool_round.gif) top no-repeat; height:7px; width:7px; position:absolute;bottom:0 !important; bottom:-1px; overflow:hidden}

#tools_meun_index{width:129px; margin-top:11px; position:absolute; top:0;left:10px}

a.r_head{display:block;  text-decoration:none}
a.r_head b{background:none;border:1px #d4e8f8 solid;}
a.r_head b.t1{margin-left:4px; border-width: 1px 0 0 0;height:0}
a.r_head b.t2{margin-left:2px; height:1px;border-width: 0 0 0 2px;background:#fff}
a.r_head b.t3{margin-left:1px; height:2px;border-width: 0 0 0 1px}
a.r_head b.con{height:29px;border-width: 0 0 1px 1px; line-height:12px; padding:8px 0 0 28px; background:url(../images/tools/tools_ico.gif) 3px -413px no-repeat;font-size:14px; color:#6293ba; }
a.r_head b.con span{font-size:9px; color:#b8d7e6}

a.r_head_on{display:block; text-decoration:none}
a.r_head_on b{background:#fff;border:1px #d4e8f8 solid;}
a.r_head_on b.t1{margin-left:4px; border-width: 1px 0 0 0;height:0}
a.r_head_on b.t2{margin-left:2px; height:1px;border-width: 0 0 0 2px}
a.r_head_on b.t3{margin-left:1px; height:2px;border-width: 0 0 0 1px}
a.r_head_on b.con{height:29px; line-height:12px; border-width: 0 0 0 1px; border-bottom:1px #d4e8f8 solid;padding:8px 0 0 28px; background:url(../images/tools/tools_ico.gif) -257px -413px no-repeat #fff; font-size:14px; color:#6293ba}
a.r_head_on b.con span{font-size:9px;}

a.r_end{display:block; text-decoration:none}
a.r_end b{background:none;border:1px #d4e8f8 solid;}
a.r_end b.t1{margin-left:4px; border-width: 1px 0 0 0;height:0}
a.r_end b.t2{margin-left:2px; height:1px;border-width: 0 0 0 2px}
a.r_end b.t3{margin-left:1px; height:2px;border-width: 0 0 0 1px}
a.r_end b.con{height:27px;border-width: 0 0 0 1px; border-top:1px #fff solid; line-height:12px; padding:10px 0 0 28px; background:url(../images/tools/tools_ico.gif) 3px -471px no-repeat; font-size:14px; color:#6293ba;}
a.r_end b.con span{font-size:9px; color:#b8d7e6}

a.r_end_on{display:block; text-decoration:none}
a.r_end_on b{background:#fff;border:1px #d4e8f8 solid;}
a.r_end_on b.t1{margin-left:4px; border-width: 1px 0 0 0;height:0}
a.r_end_on b.t2{margin-left:2px; height:1px;border-width: 0 0 0 2px}
a.r_end_on b.t3{margin-left:1px; height:2px;border-width: 0 0 0 1px}
a.r_end_on b.con{height:27px;border-width: 0 0 0 1px; border-top:1px #fff solid; line-height:12px; padding:10px 0 0 28px; background:url(../images/tools/tools_ico.gif) -257px -471px no-repeat #fff; font-size:14px;color:#6293ba;}
a.r_end_on b.con span{font-size:9px}

a.mcon{display:block; text-decoration:none}
a.mcon b{height:30px;border-left:1px #d4e8f8 solid; border-top:1px #fff solid; border-bottom:1px #d4e8f8 solid; line-height:12px;background:url(../images/tools/tools_ico.gif) #e8f4fc; padding:10px 0 0 28px;font-size:14px; color:#6293ba;}
a.mcon b span{font-size:9px;color:#b8d7e6}

a.mcon_on{display:block; text-decoration:none}
a.mcon_on b{height:31px; line-height:12px; padding:11px 0 0 28px;border-left:1px #d4e8f8 solid; background:url(../images/tools/tools_ico.gif) #fff;font-size:14px; color:#6293ba;}
a.mcon_on b span{font-size:9px;}

a.mcon .des{background-position: 3px 9px}
a.mcon_on .des_on{background-position: -257px 10px}
a.mcon .tra{background-position: 3px -51px}
a.mcon_on .tra_on{background-position: -257px -50px}
a.mcon .acc{background-position: 3px -111px}
a.mcon_on .acc_on{background-position: -257px -110px}
a.mcon .food{background-position: 3px -171px}
a.mcon_on .food_on{background-position: -257px -170px}
a.mcon .ent{background-position: 3px -231px}
a.mcon_on .ent_on{background-position: -257px -230px}
a.mcon .exp{background-position: 3px -291px}
a.mcon_on .exp_on{background-position: -257px -290px}
a.mcon .wek{background-position: 3px -351px}
a.mcon_on .wek_on{background-position: -257px -350px}
a.mcon .fri{background-position: 3px -411px}
a.mcon_on .fri_on{background-position: -257px -410px}

#tool_search{position:relative; left:138px; width:78.3%; top:7px}
#tool_search b{background:#fff;border:1px #d4e8f8 solid;}
#tool_search b.t1{margin:0 4px; border-width:1px 0 0 0; height:0px}
#tool_search b.t2{margin:0 2px; height:1px;border-width: 0 2px}
#tool_search b.t3{margin:0 1px; height:2px;border-width: 0 1px}

.tool_main{min-height:300px;height:auto!important; height:300px; background:#fff; border:1px #d4e8f8 solid;border-width:0 1px 0 1px;}


/* mycafe */
#tool_mycafe{padding:4px 8px; position:relative}
.tools_panel{position: absolute;top:-4px; left:210px;width: 500px; height:400px; background:#f2f2f2; border:3px #bbb solid}

a.my_head{display:block;  text-decoration:none}
a.my_head b{background:#e8f4fc;border:1px #d4e8f8 solid;}
a.my_head b.t1{margin:0 4px; border-width: 1px 0 0 0;height:0}
a.my_head b.t2{margin:0 2px; height:1px;border-width: 0 2px;background:#fff}
a.my_head b.t3{margin:0 1px; height:2px;border-width: 0 1px}
a.my_head b.con{height:22px;border-width: 0 1px 1px 1px; line-height:12px; padding:6px 0 0 28px; background:url(../images/tools/tools_ico.gif) 3px -420px no-repeat #e8f4fc; font-size:14px; color:#6293ba; }
a.my_head b.con span{font-size:9px; color:#b8d7e6}

a.my_head_on{display:block; text-decoration:none}
a.my_head_on b{background:#fff;border:1px #d4e8f8 solid;}
a.my_head_on b.t1{margin:0 4px; border-width: 1px 0 0 0;height:0}
a.my_head_on b.t2{margin:0 2px; height:1px;border-width: 0 2px}
a.my_head_on b.t3{margin:0 1px; height:2px;border-width: 0 1px}
a.my_head_on b.con{height:22px; line-height:12px; border-width: 0 1px; border-bottom:1px #d4e8f8 solid;padding:6px 0 0 28px; background:url(../images/tools/tools_ico.gif) -257px -420px no-repeat #fff; font-size:14px; color:#6293ba}
a.my_head_on b.con span{font-size:9px;}

a.my_end{display:block; text-decoration:none}
a.my_end b{background:#e8f4fc;border:1px #d4e8f8 solid;}
a.my_end b.t1{margin:0 4px; border-width: 1px 0 0 0;height:0}
a.my_end b.t2{margin:0 2px; height:1px;border-width: 0 2px}
a.my_end b.t3{margin:0 1px; height:2px;border-width: 0 1px}
a.my_end b.con{height:18px;border-width: 0 1px; border-top:1px #fff solid; line-height:12px; padding:10px 0 0 28px; background:url(../images/tools/tools_ico.gif) 3px -476px no-repeat #e8f4fc; font-size:14px; color:#6293ba;}
a.my_end b.con span{font-size:9px; color:#b8d7e6}

a.my_end_on{display:block; text-decoration:none}
a.my_end_on b{background:#fff;border:1px #d4e8f8 solid;}
a.my_end_on b.t1{margin:0 4px; border-width: 1px 0 0 0;height:0}
a.my_end_on b.t2{margin:0 2px; height:1px;border-width: 0 2px}
a.my_end_on b.t3{margin:0 1px; height:2px;border-width: 0 1px}
a.my_end_on b.con{height:18px;border-width: 0 1px; border-top:1px #fff solid; line-height:12px; padding:10px 0 0 28px; background:url(../images/tools/tools_ico.gif) -257px -476px no-repeat #fff; font-size:14px;color:#6293ba;}
a.my_end_on b.con span{font-size:9px}

a.mycon{display:block; text-decoration:none}
a.mycon b{height:21px;border:1px #d4e8f8 solid; border-width:0 1px; border-top:1px #fff solid; border-bottom:1px #d4e8f8 solid; line-height:12px; padding:10px 0 0 28px; background:url(../images/tools/tools_ico.gif) #e8f4fc;font-size:14px; color:#6293ba;}
a.mycon b span{font-size:9px;color:#b8d7e6}

a.mycon_on{display:block; text-decoration:none}
a.mycon_on b{height:22px; line-height:12px; padding:11px 0 0 28px;border:1px #d4e8f8 solid; border-width:0 1px; background:url(../images/tools/tools_ico.gif) #fff;font-size:14px; color:#6293ba;}
a.mycon_on b span{font-size:9px;}

a.mycon .des{background-position: 3px 4px}
a.mycon_on .des_on{background-position: -257px 5px}
a.mycon .tra{background-position: 3px -56px}
a.mycon_on .tra_on{background-position: -257px -55px}
a.mycon .acc{background-position: 3px -116px}
a.mycon_on .acc_on{background-position: -257px -115px}
a.mycon .food{background-position: 3px -176px}
a.mycon_on .food_on{background-position: -257px -175px}
a.mycon .ent{background-position: 3px -236px}
a.mycon_on .ent_on{background-position: -257px -235px}
a.mycon .exp{background-position: 3px -296px}
a.mycon_on .exp_on{background-position: -257px -295px}
a.mycon .wek{background-position: 3px -356px}
a.mycon_on .wek_on{background-position: -257px -355px}
a.mycon .fri{background-position: 3px -416px}
a.mycon_on .fri_on{background-position: -257px -415px}

.switch{background:url(../images/mycafe/switch_back.gif) repeat-x bottom; height:28px}
#tool_frame{background:#fff}
#tool_frame h1{color:#6c0; font-size:18px; font-family:simhei ;font-weight: normal; margin:8px 0;display:block;}
#tool_frame h2{color:#aaa; font-size:12px ;font-weight: normal; margin:0; display:block;}
#tool_frame ul{margin-top:6px}
#tool_frame li{padding-top:8px;line-height:20px}
#tool_frame td{padding:0 4px}

/* expr */
.expr_frame{width:100%}
.expr_frame dl{position:relative;padding:10px 4px 2px 4px; color:#666; margin:0; margin-top:5px; border-top:1px #eee solid;}
.expr_frame dd{position:absolute; right:0px;top:6px}
.expr_frame dl span{position:absolute; right:52px;top:6px;display:block}
#expr_photo{height:80px; clear:both; padding:2px 0 10px 5px;}
#expr_photo a{border:3px #d4e8f8 solid; width:64px; height:64px; float:left; margin:5px 12px 5px 0; display:inline}
#expr_photo a:hover{border:3px #eee solid;}

/*community*/
#tool_lesson{width:99.5%}
#tool_lesson dl{width:45%;background:#e4ffb6;position: relative;padding:0;margin:0}
#tool_lesson dt{position:relative;left:22px; padding:5px; height:62px;background:#98c63f}
#tool_lesson dd{position: absolute;left:50px;top:6px;line-height: 18px;color:#fff}
#tool_lesson dd span{font-size:14px; font-weight:bold; display: block}
#tool_lesson dl div{position: absolute; top:1px;left:1px;height:62px; background:#fff; padding:4px}
#tool_lesson dl b{position: absolute; bottom:4px; right:4px; border:1px #fff solid; background:#b6d876; padding:4px}
#tool_lesson dl b a{color:#fff; text-decoration: none}
#tool_lesson dl b a:hover{text-decoration: underline;}
#tool_lesson #tag{background:#e4ffb6;position: absolute;left:45%;width:53%;height:64px; top:0;padding:4px 6px;color:#98c63f;line-height: 16px}
#tool_lesson #tag a{color:#6abc00; text-decoration: none}
#tool_lesson #tag a:hover{color:#6abc00; text-decoration:underline;}

#tools_bbs {width:99.5%;margin-top:10px;position: relative;background: #d1f1ff}
#tools_bbs div{position: absolute;border:1px #d1f1ff solid;height:71px; background:#fff; padding:4px}
#tools_bbs dl{position: relative;left:22px; margin:0;line-height: 26px}
#tools_bbs dl dt{padding:0 6px;width:68%;border-bottom:1px #d1f1ff solid; background:#eaf9ff; overflow: hidden;}
#tools_bbs dl dt a{color:#2a8fb7;text-decoration: none}
#tools_bbs dl dt a:hover{color:#609db6}
#tools_bbs dl dd{position: absolute;left:61%;padding:0 6px; background:#d1f1ff;top:0;border-bottom:1px #eaf9ff solid;width:22%; overflow: hidden;}
#tools_bbs dl dd a{color:#087caf;text-decoration: none; font-weight: bold;}
#tools_bbs dl dd a:hover{color:#087caf;text-decoration:underline;}

#tools_game a{white-space: nowrap; margin:3px;line-height: 24px}




body{margin:0; padding:0;}
7
8#index{background:url(../images/index/nav_back_xmas.gif) repeat-x top #fff;}
9
10#mid{width:1003px; margin:auto; background:url(../images/index/index_banner_xmas.jpg) center top no-repeat; height:auto; }
11
12#nav_menu{float:right; margin:16px 26px; color:#fff}
13#nav_menu a{color:#fff; font-size:14px; font-weight:bold; text-decoration:none; margin:10px}
14#nav_menu a:hover{text-decoration:underline}
15
16#banner{clear:both; padding:0 14px; margin-top:17px; padding-bottom:15px;height: 105px;position: relative;}
17#banner dl{position: absolute;width: 33.33%;margin: 0}
18#banner dl span{position: absolute; top:0;left:0}
19#banner dl dt{position: relative;left: 70px;margin:8px 0;color: #00b4ff;font-weight: bold;font-size: 14px}
20#banner dl dt b{color: #91c803;font-weight:normal;font-size: 9px;display: block}
21#banner dl dd{position: relative;left: 70px;color: #ccc;line-height: 19px;margin: 0 4px;}
22#banner dl dd b{color: #3697c0;display: inline;font-weight: normal;font-size: 12px}
23#banner dl dd a{font:normal 11px pmingliu;color: #ccc;text-decoration: none;border-bottom: 1px #ccc dotted;}
24#banner dl dd a:hover{color: #3697c0}
25
26#prize{height:65px; background:url(../images/index/prize01.gif) repeat-x top; overflow:hidden}
27#prize li{margin:0;padding:0;list-style:none;clear:both}
28.prize_say{margin:14px 0 0 3px;height:65px; float:left;width:432px; overflow:hidden}
29.prize_head{width:45px; height:36px; background:url(/images/index/prize_head.gif); text-align:center; padding-top:9px;float:left}
30.prize_con{width:85%; padding:4px; float:left; line-height:20px; color:#91a6b3}
31.prize_con a{color:#52819e; text-decoration: underline; font-weight: bold;}
32
33#leftbar{width:668px; float:left;padding-left:14px;}
34
35#focus{width:668px;}
36#des_search{background:url(../images/des_search.gif); height:34px}
37#des_input{margin-left:165px; padding:7px}
38#des_input input{border:0; font-size:12px; width:210px}
39#des_go{margin:-26px 6px 0 0; text-align:right}
40
41a.des_inf{padding-bottom:4px; background:url(../images/index/arrow_down.gif) center bottom no-repeat;color:#00a2ff; font-weight:bold; font-size:14px; text-decoration:none}
42#catalog{border:2px #e0e0e0 solid; border-top:0; background:#eee}
43
44#worldmap{ background:url(../images/index/worldmap.jpg) center no-repeat; padding-top:10px}
45.sorts td{line-height:24px; padding:0 8px}
46
47#tag{width:258px; float:left;border:1px #b5c7cf solid; margin-left:14px; padding:0 4px; display:inline; background:url(../images/dash_h.gif) 30px left repeat-x}
48.tag_more{float:right; margin-top:16px}
49.clouds{line-height:220%; padding:3px; text-align:center;clear:both}
50
51#sidebar{width:292px; padding:0 14px; float:right;}
52.banner1{height:30px; line-height:30px; overflow:hidden; background:url(../images/mycafe/dot.gif) center left no-repeat; padding-left:16px}
53.founder{background:url(../images/index/heart.gif) 215px center no-repeat; border:1px #eee solid; border-width:0 1px;padding:5px 10px}
54
55.banner_name{height:28px; line-height:28px; background:url(../images/index/dot_glay.gif) left center no-repeat; margin-left:4px; padding-left:16px}
56
57.banner_conn{height:40px; background:url(../images/index/connect.gif)}
58.banner_conn1{height:40px; background:url(../images/index/connect_1.gif) left no-repeat}
59.banner_conn2{height:40px; background:url(../images/index/connect_2.gif) right no-repeat}
60.banner_conname{height:40px; line-height:40px; background:url(../images/index/dot_glay.gif) left center no-repeat; margin-left:4px; padding-left:16px}
61
62.side_panel{border:1px #eee solid; border-width:0 1px;background:url(../images/gaident5.gif) top repeat-x #fff; padding:6px 10px 0 10px; color:#666}
63.side_panel li{line-height:24px}
64
65.avatar_grid{background:#eee; padding:0 5px }
66.avatar_grid td{background:#ddd}
67
68.user_panel{padding:8px; background:url(../images/gaident5.gif) bottom repeat-x #f4f7f9; border:1px #ddd solid; clear:both}
69.blog_more{float:right; margin-top:16px}
70.blog_user{width:33.3%; float:left; text-align:center; margin-bottom:5px}
71.userpic{width:54px; height:54px; background:url(../images/user_back.gif); margin:auto; padding:6px;}
72.username{text-overflow:ellipsis; -moz-text-overflow: ellipsis; white-space:nowrap; width:100%; overflow:hidden; text-align:center; line-height:18px;}
73.new_user{width:21%; height:38px; text-align:center; padding-top:7px; float:left}
74.statement{text-align:center; background:#A7B0BE; color:#fff; line-height:26px; font-weight:bold; margin:0 2px}
75
76#today{}
77.doing{clear:both; height:54px; border-top:1px #ddd solid; overflow:hidden}
78.doing_user{width:50px; height:38px; text-align:center; padding-top:7px;margin-top:5px; border-right:1px #ddd solid; float:left}
79.doing_data{padding:6px; width:225px; float:left; overflow:hidden}
80today_panel{background:#eee;}
81
82
83#photographer{margin:8px; float:left; display:inline; background:url(../images/dash_h.gif) 30px left repeat-x;border:1px #b5c7cf solid;padding:0 4px;}
84
85.shadows{background:url(../images/shadow.gif) top right no-repeat; clear:both; height:8px; font-size:0; line-height:0}
86
87.rightside{margin:0 14px}
88
89#calendar{height:195px; clear:both;}
90#date{width:168px; height:195px; float:left; background:url(../images/calendar.gif);}
91#week{width:96px; height:74px; overflow:hidden; margin:30px 17px 0 0; float:right; display:inline; font-family:Arial; font-weight:bold}
92#month{color:#888; text-align:left; padding-left:6px; height:20px}
93#today_num{font-size:40px; line-height:40px; font-family:verdana; overflow:hidden; text-align:center; font-weight:bold;margin-top:-6px}
94#xingqi{font-size:12px; color:#888; text-align:center;}
95
96#calendar_board{margin:22px 0 0 0; width:126px; height:69px; float:right}
97#calendar_board td{font-size:12px; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center}
98
99#topic_geo{width:500px; height:195px; background:url(../images/lyri_back.gif) repeat-x; float:right}
100#geo_corner{background:url(../images/lyri_corner.gif) right no-repeat;height:195px;}
101#topic_mon{height:45px; background:url(../images/lyri_logo.gif) 10px center no-repeat; border-bottom:1px #eee solid;padding-left:40px; line-height:45px}
102.cur_month{color:#00b4ff; font-size:32px; font-family:tahoma}
103.topic_title{font-size:14px; color:#aaa; font-weight:bold;}
104.topic_contain{background:url(../images/topic_shadow.jpg) center top no-repeat}
105.topic_contain div{padding:6px 22px 0 14px; height:142px}
106.topic_contain a{color:#666;word-break:keep-all; white-space:nowrap; text-decoration:underline; line-height:22px; margin-right:10px}
107.topic_contain a:hover{color:#999; text-decoration:underline}
108
109#tags{height:193px; clear:both;}
110.tag_choice{width:168px; height:193px; float:left; background:url(../images/index/tags.gif)}
111#tag_panel{width:250px; height:177px; border:8px #e5eff5 solid; border-left:0; float:left; overflow:hidden}
112.tag_list{height:177px; background:#fff; overflow:hidden; clear:both;line-height:22px; padding:3px 6px 0 10px }
113
114.tags_top{background:url(../images/index/tags_top.gif) no-repeat; height:34px; line-height:26px; margin:8px 0 0 41px;}
115.tags_mid{background:url(../images/index/tags_mid.gif) no-repeat; height:41px; line-height:41px; margin:0 0 0 41px;}
116.tags_bot{background:url(../images/index/tags_bot.gif) no-repeat; height:34px; line-height:41px; margin:0 0 0 41px;}
117.tags_top span{margin-left:8px; background:url(../images/mycafe/dot.gif) left center no-repeat; padding-left:16px; font-size:14px;color:#00aeff; text-decoration:none; font-weight:bold}
118
119.tags_mid span{margin-left:8px; background:url(../images/mycafe/dot.gif) left center no-repeat; padding-left:16px; font-size:14px;color:#00aeff; text-decoration:none; font-weight:bold}
120.tags_bot span{margin-left:8px; background:url(../images/mycafe/dot.gif) left center no-repeat; padding-left:16px; font-size:14px;color:#00aeff; text-decoration:none; font-weight:bold}
121
122.ordinary_tag{margin-top:-4px;}
123.ordinary_tag span{display:block; margin-left:67px; line-height:30px;color:#1272bc; text-decoration:none;}
124.tag_list a{color:#666;word-break:keep-all; white-space:nowrap; text-decoration:underline; margin-right:5px}
125
126#copmanian{border:2px #eee solid; margin:20px 14px 0 14px;clear:both}
127#comp_title{padding:6px; border-bottom:1px #ddd solid; background:#f5f5f5}
128#fri_links{padding:6px; line-height:22px}
129#fri_links a{white-space: nowrap; color:#aaa; text-decoration: none; margin-right:20px}
130#fri_links a:hover{white-space: nowrap; color:#ccc}
131
132#blog_list{width:48%; float:left;padding:8px 2px 8px 8px; border-right:1px #eee dashed;display:inline}
133#blog_list dl{position: relative;margin:10px 4px 0 4px;padding:0 0 4px 0; line-height:18px}
134#blog_list dl div{position:absolute;left:0;top:0}
135#blog_list dt{position:relative; left:18%; white-space: nowrap;overflow: hidden;}
136#blog_list dd{position:relative; left:18%; white-space: nowrap;overflow: hidden;color:#aaa; margin:0}
137
138#foto_list{width:47%; float:right;padding:8px;display:inline;}
139#foto_list a{text-decoration: none; float:left; margin:9px; height:68px}
140#foto_list a img{border:3px #ddd solid;}
141#foto_list a:hover img{border:3px #eee solid}
142
143.bsc{margin:0;padding:0 4px;line-height: 28px}
144.bsc dd{margin:0;color:#aaa;display:inline;font-size: 11px;font-family: pmingliu;white-space: nowrap;}
145.bsc dt{margin-top:4px; display:inline}
146.bsc dt a{font-size:13px;color: #f60;text-decoration: none;font-weight:bold; background:url(/images/arrow.gif) right center no-repeat;padding:0 8px 0 0 }
147.bsc dt a:hover{color: #f90; text-decoration:underline;}


/* CSS Document */

#header{height:76px;background:url(../images/mycafe/cafehead_back.gif) repeat-x top}
#head_mid{width:1003px;height:44px; margin:auto; clear:both}
#logo{float:left;width:108px;height:44px; padding-left:12px;background:url(../images/mycafe/nav_mycafe.gif) -539px 0}

#header_guest{height:68px;margin-bottom:6px;background:url(../images/gaident4.gif) 0 30px repeat-x;overflow: hidden}
#head_guest_mid{width:1003px;height:73px; margin:auto;}
#logo_guest{float:left;width:145px;height:73px; background:url(../images/logo.png) 3px 6px no-repeat;behavior: url(/images/pngfix/iepngfix.htc)}
#logo_guest a{padding-top:68px; display: block;height:0;overflow: hidden }

/*logout*/
#header_guest .nav_meuns{float:left; width:164px; height:73px; background: url(../images/mycafe/nav_ico.png) no-repeat;margin-top:12px}
#header_guest .nav_meuns{behavior: url(/images/pngfix/iepngfix.htc)}
#header_guest #nav_sns{background-position: -169px 0}
#header_guest #nav_des{background-position: -338px 0}
#header_guest #nav_fri{background-position: -507px 0}
#header_guest .nav_meuns dt {position:absolute; left:0;width:20px; height:46px;overflow: hidden;}
#header_guest .nav_meuns dt a{padding-left:20px; display: block;}
#header_guest .nav_meuns dd{margin:3px 0 0 14px;position: relative;}
#header_guest .nav_meuns dd a{white-space: nowrap ;display: inline-block;*display: inline;zoom:1;line-height: 22px;padding-left:12px; text-decoration: none;color:#666}
#header_guest .nav_meuns dd a:hover{color:#999}

/*login*/
#cafe_top{background:url(../images/mycafe/nav_mycafe.gif); width:61px; height:23px; line-height:23px; text-align:center; float:left; margin:14px 0 0 20px; display:inline;position: relative;}
#cafe_top dt a{font-size:14px; font-weight:bold; color:#fff}

#header .nav_meuns{float:left; width:102px; height:23px;padding-top:6px; margin:14px 0 0 16px; text-align:center; position:relative;}
#nav_cafe{background:url(../images/mycafe/nav_mycafe.gif) -61px 0 }
#nav_sns{background:url(../images/mycafe/nav_mycafe.gif) -163px 0 }
#nav_des{background:url(../images/mycafe/nav_mycafe.gif) -265px 0 }
#nav_fri{background:url(../images/mycafe/nav_mycafe.gif) -367px 0 }
.nav_meuns dt a{color:#FFF;  font:bold 14px/16px tahoma}

.sub_nav{position:absolute;top:28px;width:280px;text-align: center;left: -128px}
.sub_nav span{background:url(../images/mycafe/sub_arrow.gif) center top no-repeat;width:100%; height:6px; margin-bottom:-1px; overflow:hidden;display:block;position: relative;z-index: 99}
.sub_nav div{display: inline-block; *display:inline; zoom:1; border:1px #dcdcdc solid; border-width:1px 0 ; text-align:center; background:#fff; height:24px;white-space: nowrap;position: relative;}
.sub_nav div a{color:#999; display: inline-block; *display:inline; zoom:1;text-decoration: none;font:bold 12px/25px tahoma ;height:23px;overflow:hidden; margin:0 7px;}
.sub_nav div a:hover{color:#666;}
.sub_nav div b{background:url(../images/mycafe/nav_mycafe.gif) no-repeat; display:block;position: absolute;width:4px;height: 24px}
.sub_nav div b.r1{background-position: 0 -23px;left: -4px;top: 0}  
.sub_nav div b.r2{background-position: -4px -23px;right: -4px;top: 0}  

/*logstate*/
#cafe_log_state{float:right; width:186px; padding-right:16px;text-align: right;overflow: hidden;}

#cafe_owner{width:1003px; margin:auto; clear:both; height:74px}
#owner_head{float:left; margin:10px 6px 0 12px; width:60px; display:inline}

.banner_name{height:28px; line-height:28px; background:url(../images/index/dot_glay.gif) left center no-repeat; margin:0 6px; padding:0 8px 0 18px;position:relative}
.banner_conn{background:url(../images/index/connect.gif)}
.banner_conn1{background:url(../images/index/connect_1.gif) left no-repeat}
.banner_conn2{background:url(../images/index/connect_2.gif) right no-repeat}
.banner_conname{height:40px; line-height:40px; background:url(../images/index/dot_glay.gif) left center no-repeat; margin-left:4px; padding-left:16px}
.side_panel{border:1px #eee solid; border-width:0 1px;background:url(../images/gaident5.gif) bottom repeat-x #f2f2f2; padding:6px 10px 0 10px; color:#666;position: relative;}
.side_panel ul{margin:0; padding:0; margin-left:10px}
.side_panel li{list-style:none; line-height:24px}
.side_panel_w{border:1px #eee solid; border-width:0 1px;color:#666;padding:2px 6px;position: relative}
.option{ background:url(../images/dash_h.gif) top repeat-x;padding: 6px 0;margin:0 4px;position: relative;text-align: center;}

.banner1{height:30px; line-height:30px; overflow:hidden; background:url(../images/mycafe/dot.gif) center left no-repeat; padding-left:16px; position: relative;}
.user_function{border:1px #ddd solid; padding:4px 8px; height:auto !important; height:1px}
.shadows{background:url(../images/shadow.gif) top right no-repeat; clear:both; height:8px; font-size:0; line-height:0}
.topshadow{background:url(../images/mycafe/topshadow.jpg) top left no-repeat; clear:both; height:12px; font-size:0; line-height:0; margin-top:6px}

.switch{background:url(../images/mycafe/switch_back.gif) repeat-x bottom; height:28px; width:100%;position: relative}
#control_panel{line-height:30px; height:30px; clear:both; background:#fff; margin:5px 0 10px 0; overflow:hidden}
.laword{background:url(../images/dash_h.gif) bottom repeat-x; padding-bottom:4px}

.doing{clear:both; margin:0; height:54px; border-bottom:1px #ddd solid; overflow:hidden; position: relative;line-height:18px}
.doing_user{width:20%; height:38px; text-align:center; top:12px;left:0; position: absolute;}
.doing_data{width:75%;height:40px; position: relative;margin:0 0 0 20%; top:8px; border-left:1px #ddd solid; overflow:hidden}
.doing dt{margin:0 6px;}
.doing dd{margin:0 6px;}
.doing_fri{padding:6px; overflow:hidden}
.doing_name{padding-top:15px}

.cafer_tri{width:32.3%;*width:32.7%; margin:4px 0;display:inline-block;*display:inline;zoom:1; position: relative; height:82px;  vertical-align: top;}
.cafer_octu{width:12.45%; margin:4px 0; height:82px; display: inline-block;*display: inline;zoom:1;position: relative; vertical-align: top;}
.cafer_hept{width:14.26%; margin:4px 0; height:82px; display: inline-block;*display: inline;zoom:1;position: relative; vertical-align: top;}
.cafer_tri dt,.cafer_octu dt,.cafer_hept dt{width:100%;height:58px; background:url(../images/cafer_default.gif) center no-repeat; padding:4px 0 0 0px; text-align:center;}
.cafer_tri dd,.cafer_octu dd,.cafer_hept dd{width:100%;margin:0;text-align:center; height:20px;overflow: hidden;word-wrap:break-word;white-space: nowrap;}
.cafer_tri dd a,.cafer_octu dd a,.cafer_hept dd a{font:normal 12px/18px tahoma;color: #666;text-decoration: none}
.cafer_tri dd a:hover,.cafer_octu dd a:hover,.cafer_hept dd a:hover{color: #999;}

.bloger_pic_s{width:28px; height:28px; margin:3px 6px 0 0; float:left;padding:1px; background:#fff; border:1px #ccc solid}

/*fun_tools*/
.func{background:url("/images/button/func_tools.gif") no-repeat;}
.add{background-position:0 4px}
.folder{background-position:0 -20px}
.setting{background-position:0 -44px}
.htip{background-position:70px -68px; color:#ccc;border-top: 1px #eee solid;padding:6px 0 2px 25px;text-align: center}
.htip a{font:normal 11px pmingliu;color:#ccc;text-decoration: none;}
.htip a:hover{color:#aaa}
.ding{background-position:0 -94px}
.cai{background-position:0 -118px}
.warn{background-position:2px -141px}
#tools .side_panel ul{text-align: center;padding:0 0 6px 0}
#tools .side_panel li{display: inline-block; *display:inline; zoom:1;margin:0 25px 0 15px;padding-left:18px}
.dcw{position: absolute;right:0;top:0}
.dcw li{display: inline-block; *display:inline; zoom:1;margin-left:4px}
.dcw li a{padding:5px 0 5px 20px;text-decoration: none;color: #aaa;}
.dcw li a:hover{padding-top:4px; color:#666 }

.dcwb{padding:10px 0}
.dcwb li{display: inline-block; *display:inline; zoom:1;margin-left:4px}
.dcwb li a{padding:5px 0 5px 20px;text-decoration: none;color: #aaa;}
.dcwb li a:hover{padding-top:4px; color:#666 }

/* sns place */
.btn_w{background: url(../images/button/button_w.gif) 0 -24px repeat-x; height: 24px;line-height: 24px;position: relative;margin:12px;}
.btn_w b{background: url(../images/button/button_w.gif); width:5px; height:24px;position: absolute;left:-5px;top:0}
.btn_w a.set{display:block;position: absolute;top:0 ;right:-5px;padding-left: 4px; width:32px; height:24px; background:url(../images/button/button_w.gif) -46px -48px ;font: normal 11px pmingliu;color:#aaa;line-height: 24px;text-decoration: none}
.btn_w a.set:hover{color:#ccc;padding-left: 5px; width:31px;}
.btn_w span{font-weight:bold;font-size: 14px ;color:#666}

a.faqi{position: absolute;top:10px;right:0;margin-right:10px;padding:2px 2px 2px 18px;width:2.2em;font:normal 11px pmingliu;color:#aaa;text-decoration: none}
a.faqi:hover{color: #9c0}

.inp_w{background: url(../images/button/button_w.gif) 0 -120px repeat-x; height: 24px;line-height: 24px;position: relative;margin:12px;}
.inp_w b{background: url(../images/button/button_w.gif) 0 -96px; width:5px; height:24px;position: absolute;left:-5px;top:0}
.inp_w span input{border:0; width:75%;background: transparent;color:#bbb}
.inp_w a.find{display:block;position: absolute;top:0 ;right:-5px;padding-left:17px; width:29px; height:24px; background:url(../images/button/button_w.gif) -46px -72px ;font: normal 12px pmingliu;color:#888;line-height: 24px;text-decoration: none}
.inp_w a.find:hover{color:#00b4ff;padding-left: 18px; width:28px;}

dl.fri_icon{width: 90%; margin:0;height:36px; padding:6px;position: relative;line-height: 18px}
dl.fri_icon:hover{background: #dff2ff}
dl.fri_icon dt.head{position: absolute;width:30px;left:8px}
dl.fri_icon dt.head img{padding:1px; border:1px #ddd solid}
dl.fri_icon dt.name{margin:0 0 0 40px}

#hone_friend_list{SCROLLBAR-ARROW-COLOR:#39F;
SCROLLBAR-FACE-COLOR:#FFF;
SCROLLBAR-DARKSHADOW-COLOR:#FFF;
SCROLLBAR-HIGHLIGHT-COLOR:#CCC;
SCROLLBAR-3DLIGHT-COLOR:#FFF;
SCROLLBAR-SHADOW-COLOR:#CCC;
SCROLLBAR-TRACK-COLOR:#FFF;}



/* CSS Document */

#header{height:76px;background:url(../images/mycafe/cafehead_back.gif) repeat-x top}
#head_mid{width:1003px;height:44px; margin:auto; clear:both}
#logo{float:left;width:108px;height:44px; padding-left:12px;background:url(../images/mycafe/nav_mycafe.gif) -539px 0}

#header_guest{height:68px;margin-bottom:6px;background:url(../images/gaident4.gif) 0 30px repeat-x;overflow: hidden}
#head_guest_mid{width:1003px;height:73px; margin:auto;}
#logo_guest{float:left;width:145px;height:73px; background:url(../images/logo.png) 3px 6px no-repeat;behavior: url(/images/pngfix/iepngfix.htc)}
#logo_guest a{padding-top:68px; display: block;height:0;overflow: hidden }

/*logout*/
#header_guest .nav_meuns{float:left; width:164px; height:73px; background: url(../images/mycafe/nav_ico.png) no-repeat;margin-top:12px}
#header_guest .nav_meuns{behavior: url(/images/pngfix/iepngfix.htc)}
#header_guest #nav_sns{background-position: -169px 0}
#header_guest #nav_des{background-position: -338px 0}
#header_guest #nav_fri{background-position: -507px 0}
#header_guest .nav_meuns dt {position:absolute; left:0;width:20px; height:46px;overflow: hidden;}
#header_guest .nav_meuns dt a{padding-left:20px; display: block;}
#header_guest .nav_meuns dd{margin:3px 0 0 14px;position: relative;}
#header_guest .nav_meuns dd a{white-space: nowrap ;display: inline-block;*display: inline;zoom:1;line-height: 22px;padding-left:12px; text-decoration: none;color:#666}
#header_guest .nav_meuns dd a:hover{color:#999}

/*login*/
#cafe_top{background:url(../images/mycafe/nav_mycafe.gif); width:61px; height:23px; line-height:23px; text-align:center; float:left; margin:14px 0 0 20px; display:inline;position: relative;}
#cafe_top dt a{font-size:14px; font-weight:bold; color:#fff}

#header .nav_meuns{float:left; width:102px; height:23px;padding-top:6px; margin:14px 0 0 16px; text-align:center; position:relative;}
#nav_cafe{background:url(../images/mycafe/nav_mycafe.gif) -61px 0 }
#nav_sns{background:url(../images/mycafe/nav_mycafe.gif) -163px 0 }
#nav_des{background:url(../images/mycafe/nav_mycafe.gif) -265px 0 }
#nav_fri{background:url(../images/mycafe/nav_mycafe.gif) -367px 0 }
.nav_meuns dt a{color:#FFF;  font:bold 14px/16px tahoma}

.sub_nav{position:absolute;top:28px;width:280px;text-align: center;left: -128px}
.sub_nav span{background:url(../images/mycafe/sub_arrow.gif) center top no-repeat;width:100%; height:6px; margin-bottom:-1px; overflow:hidden;display:block;position: relative;z-index: 99}
.sub_nav div{display: inline-block; *display:inline; zoom:1; border:1px #dcdcdc solid; border-width:1px 0 ; text-align:center; background:#fff; height:24px;white-space: nowrap;position: relative;}
.sub_nav div a{color:#999; display: inline-block; *display:inline; zoom:1;text-decoration: none;font:bold 12px/25px tahoma ;height:23px;overflow:hidden; margin:0 7px;}
.sub_nav div a:hover{color:#666;}
.sub_nav div b{background:url(../images/mycafe/nav_mycafe.gif) no-repeat; display:block;position: absolute;width:4px;height: 24px}
.sub_nav div b.r1{background-position: 0 -23px;left: -4px;top: 0}  
.sub_nav div b.r2{background-position: -4px -23px;right: -4px;top: 0}  

/*logstate*/
#cafe_log_state{float:right; width:186px; padding-right:16px;text-align: right;overflow: hidden;}

#cafe_owner{width:1003px; margin:auto; clear:both; height:74px}
#owner_head{float:left; margin:10px 6px 0 12px; width:60px; display:inline}

.banner_name{height:28px; line-height:28px; background:url(../images/index/dot_glay.gif) left center no-repeat; margin:0 6px; padding:0 8px 0 18px;position:relative}
.banner_conn{background:url(../images/index/connect.gif)}
.banner_conn1{background:url(../images/index/connect_1.gif) left no-repeat}
.banner_conn2{background:url(../images/index/connect_2.gif) right no-repeat}
.banner_conname{height:40px; line-height:40px; background:url(../images/index/dot_glay.gif) left center no-repeat; margin-left:4px; padding-left:16px}
.side_panel{border:1px #eee solid; border-width:0 1px;background:url(../images/gaident5.gif) bottom repeat-x #f2f2f2; padding:6px 10px 0 10px; color:#666;position: relative;}
.side_panel ul{margin:0; padding:0; margin-left:10px}
.side_panel li{list-style:none; line-height:24px}
.side_panel_w{border:1px #eee solid; border-width:0 1px;color:#666;padding:2px 6px;position: relative}
.option{ background:url(../images/dash_h.gif) top repeat-x;padding: 6px 0;margin:0 4px;position: relative;text-align: center;}

.banner1{height:30px; line-height:30px; overflow:hidden; background:url(../images/mycafe/dot.gif) center left no-repeat; padding-left:16px; position: relative;}
.user_function{border:1px #ddd solid; padding:4px 8px; height:auto !important; height:1px}
.shadows{background:url(../images/shadow.gif) top right no-repeat; clear:both; height:8px; font-size:0; line-height:0}
.topshadow{background:url(../images/mycafe/topshadow.jpg) top left no-repeat; clear:both; height:12px; font-size:0; line-height:0; margin-top:6px}

.switch{background:url(../images/mycafe/switch_back.gif) repeat-x bottom; height:28px; width:100%;position: relative}
#control_panel{line-height:30px; height:30px; clear:both; background:#fff; margin:5px 0 10px 0; overflow:hidden}
.laword{background:url(../images/dash_h.gif) bottom repeat-x; padding-bottom:4px}

.doing{clear:both; margin:0; height:54px; border-bottom:1px #ddd solid; overflow:hidden; position: relative;line-height:18px}
.doing_user{width:20%; height:38px; text-align:center; top:12px;left:0; position: absolute;}
.doing_data{width:75%;height:40px; position: relative;margin:0 0 0 20%; top:8px; border-left:1px #ddd solid; overflow:hidden}
.doing dt{margin:0 6px;}
.doing dd{margin:0 6px;}
.doing_fri{padding:6px; overflow:hidden}
.doing_name{padding-top:15px}

.cafer_tri{width:32.3%;*width:32.7%; margin:4px 0;display:inline-block;*display:inline;zoom:1; position: relative; height:82px;  vertical-align: top;}
.cafer_octu{width:12.45%; margin:4px 0; height:82px; display: inline-block;*display: inline;zoom:1;position: relative; vertical-align: top;}
.cafer_hept{width:14.26%; margin:4px 0; height:82px; display: inline-block;*display: inline;zoom:1;position: relative; vertical-align: top;}
.cafer_tri dt,.cafer_octu dt,.cafer_hept dt{width:100%;height:58px; background:url(../images/cafer_default.gif) center no-repeat; padding:4px 0 0 0px; text-align:center;}
.cafer_tri dd,.cafer_octu dd,.cafer_hept dd{width:100%;margin:0;text-align:center; height:20px;overflow: hidden;word-wrap:break-word;white-space: nowrap;}
.cafer_tri dd a,.cafer_octu dd a,.cafer_hept dd a{font:normal 12px/18px tahoma;color: #666;text-decoration: none}
.cafer_tri dd a:hover,.cafer_octu dd a:hover,.cafer_hept dd a:hover{color: #999;}

.bloger_pic_s{width:28px; height:28px; margin:3px 6px 0 0; float:left;padding:1px; background:#fff; border:1px #ccc solid}

/*fun_tools*/
.func{background:url("/images/button/func_tools.gif") no-repeat;}
.add{background-position:0 4px}
.folder{background-position:0 -20px}
.setting{background-position:0 -44px}
.htip{background-position:70px -68px; color:#ccc;border-top: 1px #eee solid;padding:6px 0 2px 25px;text-align: center}
.htip a{font:normal 11px pmingliu;color:#ccc;text-decoration: none;}
.htip a:hover{color:#aaa}
.ding{background-position:0 -94px}
.cai{background-position:0 -118px}
.warn{background-position:2px -141px}
#tools .side_panel ul{text-align: center;padding:0 0 6px 0}
#tools .side_panel li{display: inline-block; *display:inline; zoom:1;margin:0 25px 0 15px;padding-left:18px}
.dcw{position: absolute;right:0;top:0}
.dcw li{display: inline-block; *display:inline; zoom:1;margin-left:4px}
.dcw li a{padding:5px 0 5px 20px;text-decoration: none;color: #aaa;}
.dcw li a:hover{padding-top:4px; color:#666 }

.dcwb{padding:10px 0}
.dcwb li{display: inline-block; *display:inline; zoom:1;margin-left:4px}
.dcwb li a{padding:5px 0 5px 20px;text-decoration: none;color: #aaa;}
.dcwb li a:hover{padding-top:4px; color:#666 }

/* sns place */
.btn_w{background: url(../images/button/button_w.gif) 0 -24px repeat-x; height: 24px;line-height: 24px;position: relative;margin:12px;}
.btn_w b{background: url(../images/button/button_w.gif); width:5px; height:24px;position: absolute;left:-5px;top:0}
.btn_w a.set{display:block;position: absolute;top:0 ;right:-5px;padding-left: 4px; width:32px; height:24px; background:url(../images/button/button_w.gif) -46px -48px ;font: normal 11px pmingliu;color:#aaa;line-height: 24px;text-decoration: none}
.btn_w a.set:hover{color:#ccc;padding-left: 5px; width:31px;}
.btn_w span{font-weight:bold;font-size: 14px ;color:#666}

a.faqi{position: absolute;top:10px;right:0;margin-right:10px;padding:2px 2px 2px 18px;width:2.2em;font:normal 11px pmingliu;color:#aaa;text-decoration: none}
a.faqi:hover{color: #9c0}

.inp_w{background: url(../images/button/button_w.gif) 0 -120px repeat-x; height: 24px;line-height: 24px;position: relative;margin:12px;}
.inp_w b{background: url(../images/button/button_w.gif) 0 -96px; width:5px; height:24px;position: absolute;left:-5px;top:0}
.inp_w span input{border:0; width:75%;background: transparent;color:#bbb}
.inp_w a.find{display:block;position: absolute;top:0 ;right:-5px;padding-left:17px; width:29px; height:24px; background:url(../images/button/button_w.gif) -46px -72px ;font: normal 12px pmingliu;color:#888;line-height: 24px;text-decoration: none}
.inp_w a.find:hover{color:#00b4ff;padding-left: 18px; width:28px;}

dl.fri_icon{width: 90%; margin:0;height:36px; padding:6px;position: relative;line-height: 18px}
dl.fri_icon:hover{background: #dff2ff}
dl.fri_icon dt.head{position: absolute;width:30px;left:8px}
dl.fri_icon dt.head img{padding:1px; border:1px #ddd solid}
dl.fri_icon dt.name{margin:0 0 0 40px}

#hone_friend_list{SCROLLBAR-ARROW-COLOR:#39F;
SCROLLBAR-FACE-COLOR:#FFF;
SCROLLBAR-DARKSHADOW-COLOR:#FFF;
SCROLLBAR-HIGHLIGHT-COLOR:#CCC;
SCROLLBAR-3DLIGHT-COLOR:#FFF;
SCROLLBAR-SHADOW-COLOR:#CCC;
SCROLLBAR-TRACK-COLOR:#FFF;}



/* CSS Document */
@import url(../css/nav.css);
@import url(../css/text.css);
@import url(../css/index_channel.css);
@import url(../css/cafe_share.css);/*edited*/

body{margin:0; padding:0; background:#FFF}

#mid{width:975px; padding:10px 14px; margin:auto;position: relative;}
#main{width:713px; overflow:hidden;float:left}
#sidebar{width:248px; margin-left:0; float:right}
#leftbar{width:33%; float:left}
#midbar{width:66%; float:right}
#main_side{background:url(../images/feed/homeleftside.gif) center repeat-y #f2f2f2; border:1px #dedede solid;border-width:0 1px; min-height:100px;height:auto !important;height:1px}
#sidebar_home{width:248px;height: auto !important; height:1px; float:right}

.main_corner b{background:url(../images/feed/homeleftside.gif) center repeat-y; border:1px #dedede solid;}
.main_corner b.t1{margin:0 5px; border-width:1px 0 0 0; height:0px}
.main_corner b.t2{margin:0 3px; height:1px;border-width:0 2px}
.main_corner b.t3{margin:0 2px; height:1px;border-width:0 1px}
.main_corner b.t4{margin:0 1px; height:2px;border-width:0 1px}

.box_title{background:url(../images/mycafe/dot_f2.gif) 5px center no-repeat #f2f2f2; padding-left:22px; height:30px; line-height:30px; border-bottom:1px #ddd solid; margin-bottom:2px; clear:both;position: relative}

/* leftbar */
.inf_top{padding:0 8px}
.inf_top b{background:#eee}
.inf_top b.t1{margin:0 4px; height:1px}
.inf_top b.t2{margin:0 2px; height:1px}
.inf_top b.t3{margin:0 1px; height:2px}
.inf_body{background:url(../images/feed/inf_body.gif) top repeat-x #fff; width:219px; margin:auto;margin-bottom:2px; height:auto!important; height:1px;}
.inf_body td{padding-left:10px}
.inf_body li{line-height:24px;padding-left:14px; background:url(../images/arrow_article.gif) 6px center no-repeat}

#up_photo{border:2px #ccc solid; margin:4px; padding:6px; clear:both; background:#fff; font-family:Arial; color:#888; font-weight:bold}
.profile_photo{background:url(../images/mycafe/feed_photo.gif); width:219px; height:22px; line-height:22px;text-align:right; margin:auto; margin-top:15px}
.profile_photo_body{background:#dedede; clear:both; padding:5px 0 10px 3px}
.profile_photo_body a{border:3px #bbb solid; width:64px; height:64px; float:left; margin:3px; display:inline}
.profile_photo_body a:hover{border:3px #eee solid;}

.profile_friend{background:url(../images/mycafe/feed_friend.gif) center top no-repeat;width:219px;  height:22px; line-height:24px;margin:auto; margin-top:15px; text-align:right}
.profile_friend_body {padding:4px 0 20px 10px}
.profile_friend_body div{border:1px #ccc solid; width:28px; height:28px; margin:3px; display:inline; float:left;}

/*toolbar*/
#tool_panel{margin:4px 5px 8px 0;position:relative;width:98.5%;}
#tool_panel #arrow{position: absolute;background: url(../images/tools/tool_arrow.gif) no-repeat; height:19px;width:9px; left:-8px}
#tool_panel .pos_friend{top:35px}
#tool_panel .pos_dest{top:68px}
#tool_panel .pos_expr{top:101px}
#tool_panel .pos_acco{top:134px}
#tool_panel .pos_tra{top:167px}
#tool_panel .pos_forum{top:204px}
#tool_panel b{background:url(../images/feed/homeleftside.gif) center repeat-y; border:1px #eee solid;}
#tool_panel b.t1{margin:0 4px; border-width:1px 0 0 0; height:0px}
#tool_panel b.t2{margin:0 2px; height:1px;border-width:0 2px}
#tool_panel b.t3{margin:0 1px; height:2px;border-width:0 1px}
.tools_inner{border:1px #eee solid; border-width:0 1px 0 1px; height:250px; background:#fff;width:99.5%; overflow-x:hidden}

/*profile Rss */
#home2visitor{padding:10px;height:35px; border-bottom:1px #eee solid}
#home2visitor li{float:left;width:16.66%; text-align:center}
.rss_panel{}
.postset{width:100%; clear:both; border-bottom:1px #fff solid; padding-bottom:10px;position: relative;}
.post_cafer{width:14%; padding:10px 0;position:absolute; border-top:2px #00b4ff solid; text-align:center}
.post_colum{width:86%; position:relative; left:14%; padding:6px 0; border-top:2px #e6e6e6 solid; word-break:break-all; word-wrap:break-word}
.post_colum li{line-height:22px; padding-right:10px}
.post_sys{width:14%; padding:10px 0; position:absolute;border-top:2px #cae87a solid; text-align:center}

/*feed item*/
.feed_item li{line-height:24px}
.feed_item a{font-size:12px; color:#00b4ff; font-weight:bold}
.feed_item a:hover{font-size:12px; color:#00b4ff; font-weight:bold}

#cafenews li font{font-size:14px}
#cafenews li a{color: #666;text-decoration: none}
#cafenews li a:hover{text-decoration:underline;}

/* CSS Document */

.sayhi_body{border:1px #eee solid; border-width:0 1px; padding:2px 0; min-height:10px; height:auto!important; height:1px}
.sayhi_body b{display: block; overflow: hidden;}

.sayhi_head{padding:4px 0 0 8px; width:19%;display:inline-block;*display: inline;zoom:1;vertical-align: top}
.sayhi_head td{padding:0 0 1px 6px}
.sayhi_talk{width:78.5%; padding:1px 0; margin-top: 2px; display:inline-block;*display: inline;zoom:1;;vertical-align: top}
	
.talk_tool{position: absolute; bottom: 32px; right:12px;}
.talk_tool a{color:#333; text-decoration: none}
.talk_tool a:hover{color:#666}
.talk_tag{background:url(../images/tag.gif) 0 3px no-repeat; padding:4px 0 0 22px; border-top:1px #b8e2f1 solid; height:20px; width:92%; color:#aaa; position:absolute; bottom:5px}
.talk_tag a{display:block; float:left; white-space:nowrap; color:#80c7e1; text-decoration:underline; margin-right:10px}

.talk h1{color: #fff;padding: 0 6px}
.talk h2{color: #fff;font:bold 13px/24px tahoma;padding: 0 6px}
.talk span{position:absolute; right:6px; color:#fff;font-weight: normal}

/* blue */
.dial_blue{background:#d1f1ff}
.dial_blue div.rounder{position: relative;top:-2px;left:0;width:100%}
.dial_blue .rounder b{background:#a6d7e7;border:0; height:1px}
.dial_blue .rounder b.d1{margin:0 2px}
.dial_blue .rounder b.d2{margin:0 1px}
.dial_blue div.roundend{background: #fff;line-height: 0;overflow: hidden;}
.dial_blue .roundend b{background:#d1f1ff;border:0; height:1px}
.dial_blue .roundend b.title{height:16px;text-align: right;padding:6px}
.dial_blue .roundend b.d1{margin:0 1px}
.dial_blue .roundend b.d2{margin:0 2px}
.dial_blue .talk{background:#a6d7e7;height:28px;line-height: 26px;position: relative;}
.dial_blue .talk_con{font-size:14px; color:#0087b9; font-weight:bold; margin:12px 8px;padding:0 0 20px 0; line-height:24px; border-bottom:1px #a6d7e7 dashed}

.dial_blue .sayer_header{background:url(../images/feed/dial_blue10.gif); width:40px; height:34px; text-align:center; padding-top:6px; margin:0 10px 0 4px;}
.dial_blue .say{background:url(../images/feed/dial_blue01.gif) right repeat-y #52c3ff; float:right; margin:0 0 6px 70px}
.dial_blue .say .in1{background:url(../images/feed/dial_blue02.gif) left repeat-y}
.dial_blue .say .in2{margin:0; padding:0; background:url(../images/feed/dial_blue03.gif) repeat-x top}
.dial_blue .say .in3{margin:0; padding:0; list-style:none; background:url(../images/feed/dial_blue04.gif) right top no-repeat}
.dial_blue .say span{display:block; background:url(../images/feed/dial_blue05.gif) left top no-repeat; padding:8px 22px 0 12px; line-height:24px; color:#FFF; font-size:14px; text-align:left; word-break:break-all}
.dial_blue .say .bot1{background:url(../images/feed/dial_blue06.gif) bottom repeat-x}
.dial_blue .say .bot2{background:url(../images/feed/dial_blue07.gif) right bottom no-repeat}
.dial_blue .say .bot3{background:url(../images/feed/dial_blue08.gif) left bottom no-repeat; padding:0 22px 0 12px}
.dial_blue .say .bot4{ background:url(../images/feed/dial_blue09.gif) repeat-x top; text-align:right; line-height:26px; color:#d4f0ff}
.dial_blue .say .bot4 a{color:#d4f0ff; text-decoration:none}
.dial_blue .say .bot4 a:hover{color:#d4f0ff; text-decoration:underline}

.dial_blue .rep{background:url(../images/feed/dial_green01.gif) left repeat-y #acd245; margin:0 100px 6px 6px;}
.dial_blue .rep .in1{background:url(../images/feed/dial_green02.gif) right repeat-y}
.dial_blue .rep .in2{margin:0; padding:0; background:url(../images/feed/dial_green03.gif) repeat-x top}
.dial_blue .rep .in3{margin:0; padding:0; list-style:none; background:url(../images/feed/dial_green04.gif) left top no-repeat}
.dial_blue .rep span{display:inline-block;zoom:1; background:url(../images/feed/dial_green05.gif) right top no-repeat; padding:8px 12px 0 22px; line-height:24px; color:#FFF; font-size:14px}
.dial_blue .rep .edit{border-top:1px #eee solid; margin:0 14px 0 22px; text-align:right; line-height:22px;color:#f5ffc8;}
.dial_blue .rep .edit a{color:#f5ffc8; text-decoration:none}
.dial_blue .rep .edit a:hover{color:#f5ffc8; text-decoration:underline}
.dial_blue .rep .bot1{background:url(../images/feed/dial_green06.gif) bottom repeat-x; overflow:hidden}
.dial_blue .rep .bot2{background:url(../images/feed/dial_green07.gif) left bottom no-repeat}
.dial_blue .rep .bot3{background:url(../images/feed/dial_green08.gif) right top no-repeat; height:8px; overflow:hidden}

.dial_blue .talk_bot{background:url(../images/feed/talk04_blue.gif) bottom left no-repeat #d1f1ff; clear:both}
.dial_blue .talk_bot span{background:url(../images/feed/talk03_blue.gif) bottom right no-repeat; height:22px; text-align:right; padding:6px 6px 0 0; display:block}

/* pink */
.dial_pink{background:#ffe0ef}
.dial_pink div.rounder{position: absolute;top:-2px;left:0;width:100%}
.dial_pink .rounder b{background:#fea4cb;border:0; height:1px}
.dial_pink .rounder b.d1{margin:0 2px}
.dial_pink .rounder b.d2{margin:0 1px}
.dial_pink div.roundend{background: #fff;line-height: 0;overflow: hidden;}
.dial_pink .roundend b{background:#ffe0ef;border:0; height:1px}
.dial_pink .roundend b.title{height:16px;text-align: right;padding:6px}
.dial_pink .roundend b.d1{margin:0 1px}
.dial_pink .roundend b.d2{margin:0 2px}
.dial_pink .talk{background:#fea4cb;height:28px;line-height: 26px;position: relative;}
.dial_pink .talk_con{font-size:14px; color:#d9005d; font-weight:bold; margin:12px 8px;padding:0 0 20px 0; line-height:24px; border-bottom:1px #fea4cb dashed}

.dial_pink .sayer_header{background:url(../images/feed/dial_pink10.gif); width:40px; height:34px; text-align:center; padding-top:6px; margin:0 10px 0 4px;}
.dial_pink .say{background:url(../images/feed/dial_pink01.gif) right repeat-y #ff7db5; float:right; margin:0 0 6px 70px}
.dial_pink .say .in1{background:url(../images/feed/dial_pink02.gif) left repeat-y}
.dial_pink .say .in2{margin:0; padding:0; background:url(../images/feed/dial_pink03.gif) repeat-x top}
.dial_pink .say .in3{margin:0; padding:0; list-style:none; background:url(../images/feed/dial_pink04.gif) right top no-repeat}
.dial_pink .say span{display:block; background:url(../images/feed/dial_pink05.gif) left top no-repeat; padding:8px 22px 0 12px; line-height:24px; color:#FFF; font-size:14px; text-align:left; word-break:break-all}
.dial_pink .say .bot1{background:url(../images/feed/dial_pink06.gif) bottom repeat-x}
.dial_pink .say .bot2{background:url(../images/feed/dial_pink07.gif) right bottom no-repeat}
.dial_pink .say .bot3{background:url(../images/feed/dial_pink08.gif) left bottom no-repeat; padding:0 22px 0 12px}
.dial_pink .say .bot4{ background:url(../images/feed/dial_pink09.gif) repeat-x top; text-align:right; line-height:26px; color:#ffdfed}
.dial_pink .say .bot4 a{color:#ffdfed; text-decoration:none}
.dial_pink .say .bot4 a:hover{color:#ffdfed; text-decoration:underline}

.dial_pink .rep{background:url(../images/feed/dial_viol01.gif) left repeat-y #d8a1ff; margin:6px 100px 6px 6px;}
.dial_pink .rep .in1{background:url(../images/feed/dial_viol02.gif) right repeat-y}
.dial_pink .rep .in2{margin:0; padding:0; background:url(../images/feed/dial_viol03.gif) repeat-x top}
.dial_pink .rep .in3{margin:0; padding:0; list-style:none; background:url(../images/feed/dial_viol04.gif) left top no-repeat}
.dial_pink .rep span{display:block; background:url(../images/feed/dial_viol05.gif) right top no-repeat; padding:8px 12px 0 22px; line-height:24px; color:#FFF; font-size:14px}
.dial_pink .rep .bot1{background:url(../images/feed/dial_viol06.gif) bottom repeat-x; overflow:hidden}
.dial_pink .rep .bot2{background:url(../images/feed/dial_viol07.gif) left bottom no-repeat}
.dial_pink .rep .bot3{background:url(../images/feed/dial_viol08.gif) right top no-repeat; height:8px; overflow:hidden}

.dial_pink .talk_bot{background:url(../images/feed/talk04_viol.gif) bottom left no-repeat #ffe0ef; clear:both}
.dial_pink .talk_bot span{background:url(../images/feed/talk03_viol.gif) bottom right no-repeat; height:22px; text-align:right; padding:6px 6px 0 0; display:block}

/* bbs style */
.list_titbar{background:#13c6f4}
.list_titbar td{padding:6px; font-size:14px; color:#fff; font-weight:bold}
.list_col{border:1px #13c6f4 solid; border-width:0 1px}
.list_col td{background:url(../images/feed/list_col.gif) repeat-x bottom; border-bottom:1px #13c6f4 solid; border-right:1px #c2f2fe dashed; padding:4px 6px; line-height:16px; color:#666}
.list_ico{background: url(../images/mycafe/msg_to.gif) no-repeat left 3px; padding-left:16px;line-height:18px}

/*talk*/
.talker_talk{padding:2px 6px ; overflow:hidden}
.dial_blue .talker_bot{background:url(../images/feed/talk04_blue.gif) bottom left no-repeat #d1f1ff; clear:both}
.dial_blue .talker_bot span{background:url(../images/feed/talk03_blue.gif) bottom right no-repeat; height:4px; font-size:0;display:block}
.talkhead{width:15%; padding-top:15px; text-align:center;display: inline-block;*display:inline;zoom:1 ;line-height: 22px;vertical-align: top}
.dial_blue .talk_offical{width:80.55%;*width:81%; display:inline-block; *display:inline;zoom:1 ; padding:2%; background:#eaf9ff;position: relative;}
.dial_blue .talk_offical .text{color:#333; font-size:14px; line-height:26px;margin:0 0 55px 0}
.dial_blue .talk_offical .text a{color:#333; text-decoration:underline}
.talker_replay{margin:0 4px 4px 4px; position:relative;}
.talker_replay a{color:#09c}
.talker_replay_header{width:7%; position:absolute; top:8px; background:url(../images/feed/dial_blue10.gif) center 0 no-repeat; height:34px; text-align:center; padding-top:6px}
.talker_replay_con{line-height:24px; padding:6px; background:#eaf9ff; position:relative; left:8%; width:90%}
.talker_replay .talkposter{border-bottom:1px #d1f1ff dotted; margin-bottom:6px; line-height:22px; color:#3697c0;position: relative;}
.talker_replay .talkposter b{position: absolute;right: 0;top:0;font-weight: normal}
.talker_replay .text{padding:0 0 20px 0;color:#333;font-size:13px}
.talker_replay_con .re_reply{margin:4px; padding:5px 5px 15px 5px; border:1px #d1f1ff solid; background:#fff; position:relative}
.re_reply_header{width:7%; position:absolute; top:8px; text-align:center}
.re_reply_con{line-height:22px; padding:0 6px; position:relative; left:8%; width:90%}
.dial_blue .reply_tool{background:#a6d7e7;margin:0 0 10px 0;height: 30px; line-height:30px; padding:0 6px; position: relative}
.dial_blue .reply_tool b{position: absolute;right:4px;top:0}

/*lesson*/
.dial_lesson{background:url(../images/feed/blackboard.jpg) no-repeat center top #66a375; overflow:hidden; margin:1px 6px;position: relative;}
.dial_lesson div.rounder{position: absolute;top:-2px;left:0;width:100%}
.dial_lesson .rounder b{background:#7abf8f;border:0; height:1px}
.dial_lesson .rounder b.d1{margin:0 2px}
.dial_lesson .rounder b.d2{margin:0 1px}
.dial_lesson div.roundend{background: #fff;line-height: 0;overflow: hidden;}
.dial_lesson .roundend b{background:#66a375;border:0; height:1px}
.dial_lesson .roundend b.title{height:16px;text-align: right;padding:6px}
.dial_lesson .roundend b.d1{margin:0 1px}
.dial_lesson .roundend b.d2{margin:0 2px}
.dial_lesson .talk{background:#7abf8f;height:28px;line-height: 26px;position: relative;}

.lesson_tag{margin:5px 0 50px 0; padding:4px 0; background:#8fc19b; line-height:20px; width:100%; color:#aaa;}
.lesson_tag a{display:block; float:left; white-space:nowrap; color:#fff; text-decoration:underline; margin-right:10px}
.lesson_tag .title{background:url(../images/tag.gif) no-repeat; padding-left:22px; height:18px}

.teacherhead{width:30%; padding:6px;display: inline-block; *display: inline;zoom:1;vertical-align: top;line-height:24px;position: relative;}
.headpic{position:absolute}
.teacher_inf{position: relative;left:62px}
.teacher_inf ul{line-height:24px;color:#f0f0f0}
.teacher_inf li a{color:#fff}
.teacher{border-top:1px #f2f2f2 solid; color:#fff; margin-top:6px; line-height:22px;line-height: 22px}
.teacher_admin{background:#8fc19b; position: absolute;bottom:0; right:0;padding:0 6px}
.teach_tools{height:32px; line-height:32px; position:relative; background:#49915b; padding:0 6px; margin:0 0 10px 0;}
.teach_tools b{position: absolute;right:4px;top:0}
.teach_con{width:64%;display: inline-block; *display: inline;zoom:1; padding:10px 10px 26px 10px; border-left:2px #b6e088 dashed;vertical-align: top}
.teach_con .text{font-size:14px; color:#fff; line-height:24px}
.teach_con .text a{font-size:14px; color:#ffff99; text-decoration:underline}

.student_replay{margin:0 6px 6px 6px; position:relative; background:#98cda5}
.student_header{width:8%; position:absolute; top:8px; text-align:center}
.student_replay_con{line-height:22px; padding:4px 6px; position:relative; left:8%; width:90%}
.student_replay_con .talkposter{border-bottom:1px #66a375 dashed; position:relative; height:24px;color: #fff}
.student_replay_con .talkposter a{font-size:14px; font-weight:bold; color:#FFFF00; text-decoration:none}
.student_replay_con .talkposter a:hover{color:#FFFF99}
.student_replay_con .talkposter b {position: absolute;right:4px;top:0;color:#FFF;}
.student_replay_con .talkposter b a{font:normal 12px tahoma ;color:#FFF; text-decoration:none}
.student_replay_con .talkposter b a:hover{text-decoration:underline}
.student_replay_con .text{font-size: 13px; color: #044;padding: 3px 0 15px 0}
.student_replay .re_replay{background:#afdebb; border:1px #66a375 dashed; padding:6px; margin-top:6px; position:relative}

.dial_course{background:url(../images/feed/blackboardg.jpg) no-repeat center top #dbead7; overflow:hidden; margin:1px 6px}
.dial_course .teacher_inf ul{color:#5b7956}
.dial_course .teacher_inf li a{color:#5b7956}
.dial_course .teacher{border-top:1px #b2c9ad solid; color:#8fae88; margin-top:6px;}
.dial_course .teach_con{width:65%; display: inline-block; *display: inline;zoom:1; padding:6px; border-left:2px #c4d9c9 dashed;}
.course_item{width:100%; border:2px #c4d9c9 solid; background:#a0c5b4;padding:0 0 28px 0;position: relative;}
.course_item dl{margin:6px; line-height:24px}
.course_item dt a{color:#fff; font-size:14px; font-weight:bold}
.course_item dd{color:#eee; margin-left:10px;height:10em;overflow: hidden;}
.course_item .join{position: absolute; right:8px;bottom:8px;border:1px #fff solid}
.course_item .join a{padding:2px 4px; border:1px #eee solid; display:block; background:#dbead7;color:#5b7956; text-decoration: none}

/* higame */
.game_item{width:49.9%; float:left; margin:0 0 10px 0; display:inline}
.game_title{background:url(../images/feed/game_back.gif) repeat-x top}
.game_title div{background:url(../images/feed/game01.gif) no-repeat left top}
.game_title span{background:url(../images/feed/game02.gif) no-repeat right top; display:block; height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#00b4ff; padding:0 8px}
.game_body{position:relative; border:7px #ddeef4 solid; border-top:0; padding:6px 0; min-height:90px; height:auto !important; height:90px}
.game_head{position:absolute; height:40px; width:35%; text-align:center}
.game_con{ position:relative; left:38%; color:#77a4b4; margin-bottom:30px}
.game_con_play{background:#6db8d3; padding:6px; color:#fff; lineheight:22px}
.game_detail{ position:absolute; height:28px; border-top:1px #eee solid; display:block; bottom:0; right:12px; width:58%; text-align:right; line-height:24px}
#oth_game dl{position: relative;width:100%;margin:5px 0; height:62px; border-bottom:1px #ddd dashed}
#oth_game dl dt{position: absolute;left:0; top:0}
#oth_game dl dd{position: relative;left:20px; color:#666; line-height:18px}

/*hi wanted*/
div.want{border-bottom: 1px #dedede solid;padding:5px 0;margin:0 0 10px 0; position: relative; height:65px}
div.want b{position: absolute;}
div.want dl{margin:0;position: relative;left:66px;line-height: 20px}
div.want dl dt{line-height: 22px}
div.want dl dd{margin:0}
div.want div{position: absolute;right:0; top:0}
div.want div ul li{display: inline;}
.sh_story{margin: 20px auto; width: 80%;clear: both;}
#joiner{margin-top:10px}